/**
 *   @互联家
 *   @商户中心（工作台）样式表
 */

import { Dimensions } from 'react-native';

const { width, height } = Dimensions.get('window');

export default ({
  indexBox: {
    backgroundColor: "#ffffff",
    width,
    padding: 20,
  },
  statisticsTitle: {
    flexDirection: 'row',
    justifyContent: 'flex-start',
    alignItems: 'center',
  },
  statisticsTitleImage: {
    width: 24,
    height: 24,
    marginRight: 8,
  },
  statisticsTitleText: {
    fontSize: 18,
    color: "#0e0e0e",
  },
  statistics: {
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
    marginTop: 25,
    marginBottom: 25,
  },
  statisticsItem: {
    flex: 1,
    justifyContent: 'space-between',
    alignItems: 'center',
  },
  statisticsRed: {
    fontSize: 26,
    color: "#cf1932",
    marginBottom: 10,
  },
  statisticsNormal: {
    fontSize: 26,
    color: "#333333",
    marginBottom: 10,
  },
  statisticsIns: {
    color: "#999999",
  },
  classTitle: {
    borderLeftWidth: 3,
    borderLeftColor: "#cf1932",
    paddingLeft: 8,
    marginBottom: 10
  },
  classTitleText: {
    color: "#a5a5a5",
  },
  classContainer: {
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
    paddingTop: 20,
    paddingBottom: 20,
    marginBottom: 10,
  },
  classContainerBorder: {
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
    paddingTop: 25,
    paddingBottom: 25,
    marginBottom: 10,
    borderBottomWidth: 1,
    borderBottomColor: "#e5e5e5"
  },
  classContainerItem: {
    flex: 1,
    justifyContent: "space-between",
    alignItems: 'center',
  },
  classContainerItemImage:{
    width: 34,
    height: 34,
    marginBottom: 15,
  },
  classContainerItemText: {
    color: "#3f3f3f",
  }
});